<template>
    <div>
        <el-card>
            <template #header>
                <div>答卷详情
                    <el-button type="text" @click="$router.go(-1)">返回</el-button>

                </div>
            </template>

            <el-table :data="look.outlines" border stripe>
                <el-table-column prop="outlinename" label="大纲名"> </el-table-column>
                <el-table-column prop="answer" label="答卷"> </el-table-column>
            </el-table>
        </el-card>
    </div>
</template>
  
<script>
import { mapActions } from "vuex";
export default {
    props: ["id"],
    data() {
        return {
            look: {},
        };
    },
    async created() {
        await this.getAnswerLoading();
    },
    methods: {
        ...mapActions("answers", ["getAnswer"]),
        async getAnswerLoading() {
            const { data } = await this.getAnswer(this.id);
            this.look = data;
        },
    },
};
</script>
  